.wrapper1020{width: 1020px;margin: 0 auto}
#header{
  .h-top{
    border-bottom: 1px solid #dadada;background: #f2f2f2;color:#666;
    a{line-height: 30px;font-size: 12px;color:#666}
    a:hover{color:red;text-decoration: underline}
    .right a{padding: 0 10px;}
    li{float: left;}
    li:nth-child(3){margin-left:5px;a{padding-left:0;}}
    li:nth-child(6) div{display: none;position: absolute}
    li:nth-child(6):hover div{display: block;z-index:10}
  }
  .h-bot{
    height: 87px;
    padding-top:30px;
    .logo{
      float: left;width: 394px;
      a{display:block;height: 60px;}
    }
    .step{
      float: right;height: 615px;height: 38px;border: 1px solid #e5e5e5;margin-top: 10px;
      li{
        position: relative;;width: 205px;float: left;line-height: 40px;height: 40px;font-size: 14px;color:#cacaca;text-align: center;
        .stepnum{width: 20px;height: 20px;display:inline-block;border-radius: 50%;background: #e5e5e5;text-align: center;line-height: 20px;color: #fff;margin: 0 5px 0 22px;font-weight: 900}
        .arrow{width: 0px;height: 0px;display: block;border-width: 20px 11px;border-style:solid;border-color:transparent;position: absolute;top:0;right: -22px}
        .to{width: 7px;height: 21px;display: block;position: absolute;right:0;top:10px;vertical-align: middle;background: url(../../images/ico_arrow.png) -64px -85px no-repeat}
      }
      li.active{
        background: #f25e5a;color: #fff;
        .stepnum{background: #fff;color:#f25e5a}
        .arrow{border-color:transparent transparent transparent #f25e5a;}
      }
    }

  }

}
#main{
  li{float: left;text-align:center}
  li:nth-child(3){width: 120px;}
  li:nth-child(4){width: 116px;}
  li:nth-child(5){width: 128px;}
  li:nth-child(6){width: 114px;}
  .tlist{
    border: 1px solid #ccc;height: 38px;line-height: 38px;font-size: 12px;color:#666;
    .th_check{
      width: 100px;
      input{display:inline-block;margin-right: 19px;width: 14px;height: 14px;vertical-align: middle;}
    }
    .th_name{width: 440px;}
  }
  .data{
    margin-top: 20px;border: 1px solid #e5e5e5;display: block;
    .thead{
      height: 38px;border-bottom:1px solid #e5e5e5;line-height: 38px;padding-left: 18px;font-size: 12px;
      input{display:inline-block;margin-right: 10px;width: 14px;height: 14px;vertical-align: middle;margin-right: 3px;}
      .kind{
        display:inline-block;background: #c24259;position: relative;height: 16px;line-height: 16px;color: #fff;padding: 0 4px;margin-left: 20px;margin-right: 12px;
        i{width: 0;height: 0;display: block;position: absolute;border:4px solid #fff;bottom: -8px;left: 18px;border-top-color:#c24259 }
      }
    }
    .tbody{
      b{display: none}
      li{padding: 20px 0}
      .td_check{width: 52px;text-align: center}
      .td_good{
        width: 486px;position: relative;
        .img{
          display: block;width: 90px;margin-right: 20px;
          div{width: 87px;height: 87px;background: url(../../images/cart.jpg);background-size: cover;background-position: center center;border: 1px solid #e5e5e5}
        }
        .name{
          display: block;text-align: left;color: #666;font-size: 12px;line-height: 18px;
        }
        .name:hover{text-decoration: underline}
      }
      .price{
        font-size: 12px;color: #666;
        span{font-size: 16px;margin-left: -3px}
      }
      .td_num{
        div{
          width:110px;
          overflow: hidden;
          button{
            float: left;
            width: 25px;
            height: 25px;
            font-size: 18px;
            line-height: 25px;
          }
          input{
            float: left;
            width: 50px;
            height:21px;
            text-align: center;
          }
        }
      }
      .td_total{color:#e14958}
      .td_del{
        font-size: 12px;
        a{color: #666}
        a:hover{text-decoration: underline}
      }
    }
  }
  .change{
    height: 38px;border:1px solid #e5e5e5;line-height: 38px;padding-left: 18px;font-size: 12px;margin-top: 20px;display: none;
    span{
      display:inline-block;background: #c24259;height: 16px;line-height: 16px;color: #fff;padding: 0 4px;margin-left: 40px;margin-right: 12px;
    }
    a{cursor:pointer;color: #3333d6;}
    a:hover{text-decoration: underline}
  }
  .count{
    height: 58px;line-height:58px;border: 1px solid #ccc;width: 1018px;background: #f2f2f2;font-size: 12px;color:#666;
    >div{
      float: left;
    }
    .th_check{
      width: 100px;
      input{display:inline-block;margin-left:18px;margin-right: 19px;width: 14px;height: 14px;vertical-align: middle;}
    }
    >div:nth-child(2){
      a{color:#666;}
      a:hover{text-decoration: underline}
      a:nth-child(1){margin-right: 40px;}
    }
    >div:nth-child(3){
      float: right;
      div{float: left}
      div:nth-child(1){span{color:red}}
      div:nth-child(2){
        margin-right: 18px;padding-top: 10px;margin-left: 120px;
        p{line-height: 18px}
        p:nth-child(1){
          span{color:#f25e5a}
          .total_price{font-size: 20px}
        }
      }
      div:nth-child(3){
        a{display: block;color:#fff;background: #f25e5a;width: 120px;text-align: center;font-size: 18px}
        a:hover{text-decoration: underline}
      }
    }
  }
  .empty{
    width: 369px;margin: 0 auto;overflow: hidden;padding: 100px 0;display: none;
    .img{width: 80px;height: 71px;background: url(../../images/ico-cart-empty.png)}
    .right{
      font-size: 14px;color:#666;line-height: 25px;padding-top: 16px;
      a{color:#666;font-size:12px;}
      a:hover{color: red;text-decoration: underline}
    }
  }
  .go{
    padding: 46px 0;width: 380px;margin: 0 auto;
    div:nth-child(1){
      height: 1px;width: 142px;border-bottom: 1px dashed #ccc;margin: 0 auto;position: relative;
      p{font-size: 14px;width: 80px;text-align: center;position: absolute;top:-7px;left:34px;background: #fff}
    }
    div:nth-child(2){
      padding-top: 46px;
      p:nth-child(2){padding-top: 20px;font-size: 12px;text-align: center}
    }
  }
}